<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>篮网三巨头之哈登</title>
    <style type="text/css">
        .daoqi{border-bottom: 5px solid #00FFFF;width: 90px;height:50px;margin-left: 20px;}
        .lihui{flex: 1; background-image: url(img/哈登.png);background-size:80% 100%;position:fixed;width: 25%;height: 600px; margin-left: 1150px; }
         .monde,.liyue{transition: all 0.3s ease-in-out;}.monde:hover,.liyue:hover{transform: translate(0,-10px);}
    </style>
    <link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div style="background-image:url(img/哈登.jpg); background-size:100%;position: absolute;background-attachment: fixed;"><!--背景图片占满屏幕，固定不滚动-->
        <div class="head">
            <div class="riot games" style="flex: 1;width: 100px;"><img src="img/NBA.png" height="100%"></div>
            <div class="city" style="margin-left: 300px;flex: 1;"><div class="#"><a href="哈登.html">哈登</a></div></div>
            <div class="city" style="flex: 1;"><div class="xibu"><a href="杜兰特.html">杜兰特</a></div></div>
            <div class="city" style="margin-right: 400px;flex: 1;"><div class=jiuri"><a href="库里.html">库里</a></div></div>
        </div> 
        <div class="bar" >
            <div class="juese1" width="70px"><img src="img/哈登0.jpg" height="100%"></div>
            <div class="juese2" width="70px"><img src="img/哈登1.jpg" height="100%"></div>
            <div class="juese2" width="70px"><img src="img/哈登2.jpg" height="100%"></div>
        </div>
        <div class="body" style="display: flex;" >
            <div class="zuo" >
                <div class="zuo-nav">
                    <div class="jieshao"><a href="#">介绍</a></div>
                    <div class="shengya"><a href="#jn1" >生涯</a></div>
                    <div  class="gushi"><a href="#gs">故事</a></div>
                </div>
            </div>
            <div class="zhong">
                <div class="js1" >
                    <div class="js1-img" width="75px"><img src="img/哈登0.jpg" width="100%" height="100%"></div>
                    <div class="js1-text">犯规制造者<br><br>姓名：詹姆斯·哈登<br>国籍：美国<br>效力：费城75人<br>位置：后卫<br>别名：大胡子<br></div>
                </div>
                <div class="js2"> NBA历史第一双能卫
                </div>
                        <div id="jn1" class="jn1">生涯</div>
                <div class="jn2">詹姆斯·哈登于2009年通过选秀进入NBA,先后效力于雷霆队、火箭队、篮网队和75人队<br>
                    新秀赛季入选最佳新秀第二阵容,2011-12赛季当选最佳第六人<br>
                    2017-18赛季荣膺常规赛MVP,3次荣膺NBA得分王,1次荣膺NBA助攻王<br>
                    6次入选最佳阵容第一阵容,10次入选全明星阵容,2021年10月入选NBA75大巨星<br>
                    </div>
                    <div id="gs" class="gs1">哈登的过去</div>
                <div class="gs1-1">在哈登的青少年时期，康普顿正处在历史最动荡的时期，在本地生活的很多人都卷入到了贩毒、帮派之类的活动中。<br>
                    哈登的父亲就是这样一个人，在哈登小时候，他父亲就一直在监狱，哈登很少有机会能见到他，真正培养哈登长大的就是他的母亲。<br>
                    哈登在高中时期，很不被看好，长得瘦弱，没有力量，而且球风很软，投篮也不行<br>
                    但是在被教练批评之后,哈登认识到了自己的问题,同时也明确了自己未来的目标——成为一名NBA球员。<br>
                    可是哈登⼩时候有哮喘，不能剧烈运动，韦莉丝并没有像培养他哥哥那样去培养哈登<br>
                    即使这样,他也不断克服着,热爱着篮球,追逐着自己的梦想,最终自己的梦想实现了<br>
                    </div>
                </div>
                <div class="lihui"></div>
            </div>
          </div>
    </body>
    </html>

